<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <title>公立学校模板</title>
    <style>
        .contactUs {
            width: 100%;
        }

        .contactUs_flexBox {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .contactUs_list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .contactUs_list li {
            width: 23%;
            text-align: center;
            margin-bottom: 60px;
        }

        .contactUs_list li img {
            width: 131px;
            height: 131px;
            border-radius: 50%;
            object-fit: cover;
        }

        .contactUs_list li p {
            color: var(--c_subtitle);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            margin-top: 16px;
        }
        .contactUs_list li span,
        .contactUs_list li a {
            color: var(--c_subtitle);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
        }

        .contactUs_bottom_text h3 {
            color: var(--c_theme);
            font-size: var(--f_news);
            line-height: var(--l_news);
        }

        .contactUs_bottom_text p {
            color: var(--c_text);
            font-size: var(--f_text);
            line-height: var(--l_text);
            margin-top: 20px;
        }
        @media(max-width: 768px){
            .contactUs_list li{
                width: 47%;
                margin-bottom: 30px;
            }
            .contactUs_bottom_text p{
                margin-top: 10px;
            }
        }
    </style>
</head>

<body>
    <!-- 公立学校第四套划分方式 联系我们 -->
    <div class="contactUs modular title_center">
        <div class="public_title">
            <h2>CONTACT US</h2>
            <p> 联系我们</p>
        </div>
        <div class="public_width">
            <ul class="contactUs_list">
                <li>
                    <img src="../images/number_3.jpg" alt="">
                    <p>地址</p>
                    <span>XX省XX市XX县XX路XX号</span>
                </li>
                <li>
                    <img src="../images/number_3.jpg" alt="">
                    <p>邮箱</p>
                    <a href="">xxx@.co.m</a>
                </li>
                <li>
                    <img src="../images/number_3.jpg" alt="">
                    <p>固话</p>
                    <a href="">020-000000 000-000000</a>
                </li>
                <li>
                    <img src="../images/number_3.jpg" alt="">
                    <p>手机</p>
                    <a href="">1300000000</a>
                </li>
            </ul>
            <div class="contactUs_bottom_text">
                <h3>招生简章</h3>
                <p>我们学校是当地地区权威的教育平台之一。学校创办于19XX年年，以丰富的教育资源背景为强大的依托，以“一切为了求知者”为经营理念致力于为广大的求知者提供全面的、权威的。</p>
                <p>一、收费标准：</p>
                <p>收费标准：每月保教费680元，伙食费每天15元（三餐两点，营养师配餐）。 另开设蒙氏班，每月保教费1000元。</p>
                <p>二、报名地址： </p>
                <p>XX省XX市XX区XX路XX号</p>
                <p>三、联系方式：</p>
                <p>联系电话：<a href="">13800000000</a>&nbsp;&nbsp;<a href="">020-0000000</a></p>
                <p>联系人：王老师</p>
            </div>
        </div>
    </div>
</body>

</html>